<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="./css/department.css" />
		<link rel="stylesheet" href="swiper-bundle.min.css" />
		<script src="jquery-3.7.1.min.js"></script>
		<script src="swiper-bundle.min.js"></script>
	</head>
	<body>
		<div class="department">
			<div class="department_swiper">
				<img src="./img/1.png" alt="" />
			</div>

			<!-- 顶部导航 -->
			<div class="marx-nav">
				<img src="./img/2.png" alt="" class="marx-nav-img1" />
				<ul>
					<li><a href="index.html" class="a1">首页</a></li>
					<li>部门概括</li>
					<li><a href="" class="a1">师资队伍</a></li>
					<li>思想建设</li>
					<li>红馆</li>
					<li>心理健康教育中心</li>
					<li>教学科研</li>
					<li>学生社团</li>
				</ul>
				<div class="input">
					<img src="./img/14.png" alt="" />
					<input type="text" placeholder="请输入关键词搜索" />
				</div>
			</div>
		</div>
		<!-- 定位 -->
		<div class="department_tab_bgcolor">
			<div class="department_tab">
				<div class="department_tab_left">
					<div class="tab-header">学院概括<p>College Profile</p>
					</div>
					<div class="tab-header" onclick="showTab(0)"><a href="" class="a">部门概况</a> <img src="./img/27.png" alt="" />
					</div>
					<div class="tab-header" onclick="showTab(1)"><a href="" class="a">师资队伍</a><img
							src="./img/27.png" alt="" /></div>
					<div class="tab-header" onclick="showTab(2)"><a href="" class="a">思政建设</a><img src="./img/27.png" alt="" />
					</div>
					<div class="tab-header" onclick="showTab(2)"><a href="" class="a">红馆</a><img src="./img/27.png" alt="" />
					</div>
					<div class="tab-header" onclick="showTab(2)"><a href="" class="a">心理健康教育中心</a><img src="./img/27.png"
							alt="" /></div>
					<div class="tab-header" onclick="showTab(2)"><a href="" class="a">教学科研</a><img src="./img/27.png" alt="" />
					</div>
					<div class="tab-header" onclick="showTab(2)"><a href="" class="a">学生社团</a><img src="./img/27.png" alt="" />
					</div>
				</div>

				<div class="department_tab_right">
					<div id="tab0" class="tab active">
						<div class="tab_active_top">
							<div>
								部门概括
							</div>
							<div>
								<img src="./img/28.png" alt="" />
								<p>当前所在位置:&nbsp;&nbsp;<a href="index.html" class="a">首页</a> > 部门概况</p>
							</div>

						</div>
						<div class="tab_active_bottom">
							<h2>部门概况</h2>
							<p>
								三尺讲台育英才，一方舞台展风采。“课比天大，是一幅字、一块匾，是心照不宣的默契三尺讲
								台育英才，一方舞台展风采课比天大，是一幅字、一块匾，是心照不宣的默契三尺讲台育英才，一
								方舞台展风采。“课比天大，是一幅字、一块匾，是心照不宣的默契三尺讲台育英才，一方舞台展风
								采课比天大，是一幅字、一块匾，是心照不宣的默契三尺讲台育英才，一方舞台展风采。“课比天
								大，是一幅字、一块匾，是心照不宣的默契三尺讲台育英才，一方舞台展风采课比天大，是一幅
								字、一块匾，是心照不宣的默契三尺讲台育英才，一方舞台展风采。“课比天大，是一幅字、一块
								匾，是心照不宣的默契三尺讲台育英才，一方舞台展风采课比天大，是一幅字、一块匾，是心照不
								宣的默契三尺讲台育英才，一方舞台展风采。“课比天大，是一幅字、一块匾，是心照不宣的默契三
								只计台音苗才
								一方舞台居风采课上业天大，是一幅字一块匾。是心昭不言的里默契
							</p>
							<p>
								三尺讲台育英才，一方舞台展风采。“课比天大，是一幅字、一块匾，是心照不宣的默契三尺讲
								台育英才，一方舞台展风采课比天大，是一幅字、一块匾，是心照不宣的默契三尺讲台育英才，一
								方舞台展风采。“课比天大，是一幅字、一块匾，是心照不宣的默契三尺讲台育英才，一方舞台展风
								采课比天大，是一幅字、一块匾，是心照不宣的默契三尺讲台育英才，一方舞台展风采。“课比天
								大，是一幅字、一块匾，是心照不宣的默契三尺讲台育英才，一方舞台展风采课比天大，是一幅
								字、一块匾，是心照不宣的默契三尺讲台育英才，一方舞台展风采。“课比天大，是一幅字、一块
								匾，是心照不宣的默契三尺讲台育英才，一方舞台展风采课比天大，是一幅字、一块匾，是心照不
								宣的默契三尺讲台育英才，一方舞台展风采。“课比天大，是一幅字、一块匾，是心照不宣的默契三
								只计台音苗才
								一方舞台居风采课上业天大，是一幅字一块匾。是心昭不言的里默契
							</p>
							<p>
								三尺讲台育英才，一方舞台展风采。“课比天大，是一幅字、一块匾，是心照不宣的默契三尺讲
								台育英才，一方舞台展风采课比天大，是一幅字、一块匾，是心照不宣的默契三尺讲台育英才，一
								方舞台展风采。“课比天大，是一幅字、一块匾，是心照不宣的默契三尺讲台育英才，一方舞台展风
								采课比天大，是一幅字、一块匾，是心照不宣的默契三尺讲台育英才，一方舞台展风采。“课比天
								大，是一幅字、一块匾，是心照不宣的默契三尺讲台育英才，一方舞台展风采课比天大，是一幅
								字、一块匾，是心照不宣的默契三尺讲台育英才，一方舞台展风采。“课比天大，是一幅字、一块
								匾，是心照不宣的默契三尺讲台育英才，一方舞台展风采课比天大，是一幅字、一块匾，是心照不
								宣的默契三尺讲台育英才，一方舞台展风采。“课比天大，是一幅字、一块匾，是心照不宣的默契三
								只计台音苗才
								一方舞台居风采课上业天大，是一幅字一块匾。是心昭不言的里默契
							</p>
						</div>



					</div>
					<div id="tab1" class="tab">
						<div class="tab_active_top">
							<div>
								师资队伍
							</div>
							<div>
								<img src="./img/28.png" alt="" />
								<p>当前所在位置:&nbsp;&nbsp;<a href="index.html" class="a">首页</a> > 学校概况</p>
							</div>
						</div>
						<div class="tab1_content">
							<div class="tab1_content_nav">
								<div class="tab1_content_nav_div1">
									<img src="./img/30.png" alt="" class="img1" />
								</div>
								<div class="tab1_content_nav_div2">
									<img src="./img/32.png" alt="" class="img1" />
								</div>
								<div class="tab1_content_nav_div3">
									<img src="./img/34.png" alt="" class="img1" />
								</div>

							</div>
							<div class="tab1_content1_000">
								<div class="tab1_content1">
									<img src="./img/3.png" alt="" class="tab1_content1_img1" />
									<div>
										<p>传承八一精神凝聚奋进力量马克思主义学院第一第二党支部开展主题.
										</p>
										<p><img src="./img/29.png" alt="" />
											2021-05-21
										</p>
									</div>
								</div>
								<div class="tab1_content1">
									<img src="./img/3.png" alt="" class="tab1_content1_img1" />
									<div>
										<p>传承八一精神凝聚奋进力量马克思主义学院第一第二党支部开展主题.
										</p>
										<p><img src="./img/29.png" alt="" />
											2021-05-21
										</p>
									</div>
								</div>
								<div class="tab1_content1">
									<img src="./img/3.png" alt="" class="tab1_content1_img1" />
									<div>
										<p>传承八一精神凝聚奋进力量马克思主义学院第一第二党支部开展主题.
										</p>
										<p><img src="./img/29.png" alt="" />
											2021-05-21
										</p>
									</div>
								</div>
								<div class="tab1_content1">
																	<img src="./img/3.png" alt="" class="tab1_content1_img1" />
								<div>
									<p>传承八一精神凝聚奋进力量马克思主义学院第一第二党支部开展主题.
									</p>
									<p><img src="./img/29.png" alt="" />
										2021-05-21
									</p>
								</div>
								</div>


							</div>
							<div class="tab1_content1_001">
								<ul>
									<li>
										<p><span class="span1"></span>东城院召开公文写作培训会</p><span>
											<img src="./img/11.png" alt="" />
											2022-11-24
										</span>
									</li>
									<li>
										<p><span class="span1"></span>东城院召开公文写作培训会</p><span>
											<img src="./img/11.png" alt="" />
											2022-11-24
										</span>
									</li>
									<li>
										<p><span class="span1"></span>东城院召开公文写作培训会</p><span>
											<img src="./img/11.png" alt="" />
											2022-11-24
										</span>
									</li>
									<li>
										<p><span class="span1"></span>东城院召开公文写作培训会</p><span>
											<img src="./img/11.png" alt="" />
											2022-11-24
										</span>
									</li>
									<li>
										<p><span class="span1"></span>东城院召开公文写作培训会</p><span>
											<img src="./img/11.png" alt="" />
											2022-11-24
										</span>
									</li>
									<li>
										<p><span class="span1"></span>东城院召开公文写作培训会</p><span>
											<img src="./img/11.png" alt="" />
											2022-11-24
										</span>
									</li>
									<li>
										<p><span class="span1"></span>东城院召开公文写作培训会</p><span>
											<img src="./img/11.png" alt="" />
											2022-11-24
										</span>
									</li>
								</ul>
							</div>
							
							<div class="tab1_content1_002">
								<div class="tab1_content1_002_1">
									<img src="./img/3.png" alt="" class="tab1_content1_002_1_img1"/>
									<div class="tab1_content1_002_1_div1">传承八一精神 凝聚奋进力量|马克思主义学院第一第二党支部开展主题</div>
									<p></p>
									<div class="tab1_content1_002_1_div2">
										<img src="./img/37.png" alt="" />
										2021-04-17
									</div>
								</div>
								<div class="tab1_content1_002_1">
									<img src="./img/3.png" alt="" class="tab1_content1_002_1_img1"/>
									<div class="tab1_content1_002_1_div1">传承八一精神 凝聚奋进力量|马克思主义学院第一第二党支部开展主题</div>
									<p></p>
									<div class="tab1_content1_002_1_div2">
										<img src="./img/37.png" alt="" />
										2021-04-17
									</div>
								</div>
								<div class="tab1_content1_002_1">
									<img src="./img/3.png" alt="" class="tab1_content1_002_1_img1"/>
									<div class="tab1_content1_002_1_div1">传承八一精神 凝聚奋进力量|马克思主义学院第一第二党支部开展主题</div>
									<p></p>
									<div class="tab1_content1_002_1_div2">
										<img src="./img/37.png" alt="" />
										2021-04-17
									</div>
								</div>
								<div class="tab1_content1_002_1">
									<img src="./img/3.png" alt="" class="tab1_content1_002_1_img1"/>
									<div class="tab1_content1_002_1_div1">传承八一精神 凝聚奋进力量|马克思主义学院第一第二党支部开展主题</div>
									<p></p>
									<div class="tab1_content1_002_1_div2">
										<img src="./img/37.png" alt="" />
										2021-04-17
									</div>
								</div>
							</div>
							
							<div class="tab1_content1_001_more">
								<a href="" class="aa">查看更多</a><img src="./img/25.png" alt="" />
							</div>
							
						</div>


					</div>
					<div id="tab2" class="tab">这是选项卡3的内容。</div>
				</div>

			</div>
		</div>






		<!-- 逻辑部分 -->

		<script>
			function showTab(index) {
				var tabs = document.getElementsByClassName("tab");
				for (var i = 0; i < tabs.length; i++) {
					tabs[i].classList.remove("active");
				}
				document.getElementById("tab" + index).classList.add("active");
			}
			$(".tab1_content_nav_div1").click(function() {
				$(".tab1_content1_000").show()
				$(".tab1_content1_001").hide()
				$(".tab1_content1_002").hide()
				$(".tab1_content1_001_more").hide()
				$(".tab1_content_nav_div1 img").attr("src","img/31.png")
				$(".tab1_content_nav_div2 img").attr("src","img/32.png")
				$(".tab1_content_nav_div3 img").attr("src","img/34.png")
			
			})
			$(".tab1_content_nav_div2").click(function() {
				$(".tab1_content1_000").hide()
				$(".tab1_content1_001").show()
				$(".tab1_content1_002").hide()
				$(".tab1_content1_001_more").show()
				$(".tab1_content_nav_div2 img").attr("src","img/33.png")
				$(".tab1_content_nav_div1 img").attr("src","img/30.png")
			})
			$(".tab1_content_nav_div3").click(function() {
				$(".tab1_content1_000").hide()
				$(".tab1_content1_001").hide()
				$(".tab1_content1_002").show()
				$(".tab1_content1_001_more").show()
				$(".tab1_content_nav_div3 img").attr("src","img/35.png")
				$(".tab1_content_nav_div1 img").attr("src","img/30.png")
				$(".tab1_content_nav_div2 img").attr("src","img/32.png")
			})
			
			
			$(".tab1_content1_002_1").click(function(){
				$(this).find(".tab1_content1_002_1_div1").addClass("active1")
				$(this).siblings().find(".tab1_content1_002_1_div1").removeClass("active1")
			})
			
		</script>
	</body>
</html>